<!DOCTYPE html>
<html>
<head>
<meta charset='UTF-8'>
<title></title>
<link rel='stylesheet' type='text/css' href='/ext-4.2.1/resources/css/ext-all.css'>
<script type='text/javascript' src='/ext-4.2.1/bootstrap.js'></script>
<script type='text/javascript' src='/ext-4.2.1/ext-lang-zh_CN.js'></script>
</head>
<script type='text/javascript'>
var num=0;
Ext.onReady(function(){
   var panel=new Ext.Panel({
     width:600,
      height: 500,
      renderTo: Ext.getBody(),
      anchor : '100%',
      items : [ forms ],
      tbar: [{
         text: '上一页',
         handler: function(){
        	//alert(num);
          	page(num-1);
          }
      },{
         text: '下一页',
         handler: function(){
        	//alert(num+1);
         	page(num+1);
         }
      },{
         text: '新增',
         handler: function(){
        	 var inquiry=forms.getForm().getValues();
        	 var data22222 = Ext.pluck(grids.getStore().data.items,"data");
        	 inquiry.purchaseInquiryDetails=data22222;
        		 alert(JSON.stringify(inquiry));
            	 
        	 Ext.Ajax.request({
        			//被用来向服务器发起请求默认的url  
        			url : "/purchaseInquiry/addInquiry",
        			//请求时发送后台的参数,既可以是Json对象，也可以直接使用“name = value”形式的字符串  
        			params : JSON.stringify(inquiry),
        			//请求时使用的默认的http方法  
        			method : "post",
        			//请求成功时回调函数  
        			success : function(result) {
        				alert(result);

        			},
        			//请求失败时回调函数  
        			failure : function() {
       	 			//Ext.ux.Toast.msg("信息提示", "信息删除出错，请联系管理员!");
        			alert(33);
        			},
        			headers:{'Content-Type':"application/json"}
        		});
          }
      },{
         text: '修改'
      },{
         text: '保存',
      },{
         text: '删除'
      }],
      bbar: [{
        xtype : "splitbutton",
		text : '查询',
		width : 90,
		menu : fielmenu
      },{
		xtype : "splitbutton",
		text : '转单',
		width : 90,
		menu : fielmenu2
	}, {
		xtype : "splitbutton",
		text : '功能',
		width : 90,
		menu : fielmenu3
	}]
//    ,autoLoad : {
// 		 url: "/purchaseInquiry/pageInquiry?pagenum=1", 
// 		 discardUrl: false, 
// 		 nocache: false, 
// 		 timeout: 30, 
// 		 scripts: true 
// 	}
   });
   page(1);
});
var fielmenu=new Ext.menu.Menu({
	items:[{text:'历史交易查询',handler:function(){
		afronction();
		
				}}]
});
var fielmenu2=new Ext.menu.Menu({
	items:[{text:'采购请购单转入'},{text:'销售订单转入'}]
});
var fielmenu3=new Ext.menu.Menu({
	items:[{text:'批次变更单价'}]
});
var stroedt = Ext.create('Ext.data.Store', {
	model : 'User',
	fields : [ 'lineId', 'materialNo','pioNum', 'pioPrice', 'pioZkqPrice', 'lianxi','pioZmoney' ,'pioHsMoney'
	           ,'sourceType','sourceOrder'],

// 	data : {
// 		'items' : [ {
// 			'name' : '10111',
// 			"dizhi" : "北京",
// 			"bianma" : "40016",
// 			"lianxi" : "李忠"
// 		}, {
// 			'name' : '10112',
// 			"dizhi" : "上海",
// 			"bianma" : "68016",
// 			"lianxi" : "朱经理"
// 		}, {
// 			'name' : '10113',
// 			"dizhi" : "天津",
// 			"bianma" : "408973",
// 			"lianxi" : "周总"
// 		}, {
// 			'name' : '10114',
// 			"dizhi" : "重庆",
// 			"bianma" : "404567",
// 			"lianxi" : "刘经理"
// 		} ]
// 	},
	proxy : {
		type : 'memory',
		reader : {
			type : 'json',
			root : 'items'
		}
	}
});

var grids = Ext.create('Ext.grid.Panel', {
	store:stroedt,
	listeners : {
		containerdblclick : function(grid, e, eOpts) { //单击事件
			grid.getStore().add({
				'name' : '12',
				'dizhi' : '',
				'bianma' : '',
				'lianxi' : ''
			});

		},
		itemcontextmenu : function() {

			e.preventDefault();
			new Ext.menu.Menu({
				items : [ {
					xtype : 'textfield',
					text : 'Lost',
					pressed : false,
					handler : function() {
						alert();
					}
				}, {
					xtype : '',
					text : '娓呴櫎鏂规',
					pressed : false,
					handler : function() {
					}
				}, {
					xtype : '',
					text : '閫夋嫨鏂规',
					pressed : false,
					menu : new Ext.menu.Menu({
						items : [ {
							text : '棰勮鏂规',
							pressed : false
						} ]
					}),
					handler : function() {
					}
				}, {
					xtype : '',
					text : '瀵煎嚭鑷矱xcel',
					pressed : false,
					handler : function() {
					}
				}, {
					xtype : '',
					text : '缃戞牸鎵撳嵃',
					pressed : false,
					handler : function() {
					}
				} ]
			}

			).showAt(e.getXY());
		}
	},
	plugins : [ Ext.create('Ext.grid.plugin.CellEditing', {
		clicksToEdit : 1
	}) ],
	columns : [ {
		header : '（栏号）',
		xtype : 'rownumberer',
		dataIndex : 'lineId',
		width : 50,
		sortable : false
	},

	{
		header : '物料编号',
		dataIndex : 'materialNo',
		width : 100,
	}, {
		header : '物料名称',
		dataIndex : 'dizhi',
		width : 120,
		editor : {
			xtype : 'textfield',
			listeners : {
				focus : function(grid, e, eOpts) {
// 					windows2.show();
				}

			}
		}
	}, {
		header : '规格型号',
		dataIndex : 'bianma'
	}, {
		header : '单位名称',
		dataIndex : 'lianxi'
	}, {
		header : '数量',
		dataIndex : 'pioNum'
	}, {
		header : '折扣前单价',
		dataIndex : 'pioZkqPrice'
	}, {
		header : '折数(%)',
		dataIndex : 'lianxi'
	}, {
		header : '单价',
		dataIndex : 'pioPrice'
	}, {
		header : '金额',
		dataIndex : 'pioZmoney'
	}, {
		header : '税率',
		dataIndex : 'lianxi'
	}, {
		header : '税额',
		dataIndex : 'lianxi'
	}, {
		header : '含税金额',
		dataIndex : 'pioHsMoney'
	}, {
		header : '赠品',
		dataIndex : 'lianxi'
	}, {
		header : '分录备注',
		dataIndex : 'remark'
	}, {
		header : '来源单别',
		dataIndex : 'SourceType'
	}, {
		header : '来源单号',
		dataIndex : 'sourceOrder'
	}],
	height : 168,
	width : 600,
	

})
var filterPanel = Ext.create('Ext.panel.Panel', {
	bodyPadding : 0.5, // 避免Panel中的子元素紧邻边框
	width : 573,
	height : 195,
	items:[grids],
	bbar : [ {
		xtype : "label",
		text : '总计:',
		width : 90
	}, {
		xtype : "textfield",
		disabled : true,
		width : 90,
		margin : '0 160',
		value : '0.00'
	}, {
		xtype : "textfield",
		disabled : true,
		width : 90,
		margin : '0',
		value : '0.00'
	}, {
		xtype : "textfield",
		disabled : true,
		width : 90,
		margin : '0 40 0 30',
		value : '0.00'
	}, {
		xtype : "textfield",
		disabled : true,
		width : 90,
		margin : '0 0 0 0',
		value : '0.00'
	} ],
});
var tableds = Ext.createWidget('tabpanel', {
    activeTab: 0,                       //指定默认的活动tab
    width : 576,
	height : 220,
	autoScroll : true,
    plain: true,                        //True表示tab候选栏上没有背景图片（默认为false）
    enableTabScroll: true,              //选项卡过多时，允许滚动
   items : [ {
		title : '内容',
		autoScroll : true,
		items : [ filterPanel ]
	}, {
		title : '备注',
		xtype : 'textarea',
		name : 'Remark',
		fieldLabel : '备注',
		labelWidth : 30,
	} ]
});

var formsg = Ext.create('Ext.form.Panel', {
	bodyPadding : 5,
	bodyStyle: {
	    margin: '5px'
	},
	height : '100%',
	layout : "column",
	baseCls : 'x-plain',
	items : [ {
		xtype : 'textfield',
		name : 'SalesMan',
		bodyPadding : 5,
		fieldLabel : '送货地址',
		width : 250,
		labelWidth : 80,
		anchor : '100%',
	}, {
		xtype : 'textfield',
		name : 'maker',
		fieldLabel : '制单人员',
		style : 'margin-left:19px',
		width : 250,
		labelWidth : 80,
		anchor : '100%',
	}, {
		xtype : 'textfield',
		name : 'ProdDepart',
		fieldLabel : '采购人员',
		width : 250,
		labelWidth : 80,
		anchor : '100%',
	}, {
		xtype : 'textfield',
		name : 'permitter',
		fieldLabel : '复核人员',
		style : 'margin-left:19px',
		width : 250,
		labelWidth : 80,
		anchor : '100%',
	}, {
		xtype : 'textfield',
		name : 'ProdProject',
		fieldLabel : '所属部门',
		width : 250,
		labelWidth : 80,
		anchor : '100%',
	} ],
});

var forms = Ext.create('Ext.form.Panel', {
	bodyPadding : 5,
	height : '100%',
	layout : "column",
	baseCls : 'x-plain',
	items : [ {
		xtype : 'textfield',
		name : 'supplierNo',
		fieldLabel : '供应商',
		width : 250,
		labelWidth : 80,
		emptyText : '请输入供应商',
		anchor : '100%',
	}, {
		style : 'margin-left:9px;color:blue',
		xtype : 'datefield',
		name : 'billDate',
		fieldLabel : '单据日期',
		width : 250,
		labelWidth : 70,
		anchor : '100%',
		format:"Y-m-d",
		Value: new Date()
	}, {
		xtype : 'textfield',
		name : 'addressNo',
		fieldLabel : '供应商地址',
		width : 150,
		labelWidth : 80,
		anchor : '100%',
	}, {
		xtype : 'textfield',
		name : 'dizhiton',
		width : 99,
		labelWidth : 70,
		margin : "0 1",
		anchor : '100%',
	}, {
		style : 'margin-left:9px',
		xtype : 'textfield',
		name : 'billNo',
		style : "color:blue;margin-left:9px",
		fieldLabel : '单据号码',
		width : 250,
		labelWidth : 70,
		anchor : '100%',
	}, {
		xtype : 'datefield',
		name : 'validDate',
		fieldLabel : '有效日期',
		format:"Y-m-d",
		width : 250,
		labelWidth : 80,
		anchor : '100%',
	}, {
		style : 'margin-left:9px',
		xtype : 'textfield', //多行文本域
		name : 'MoneyStyle',
		fieldLabel : '币别',
		labelWidth : 70,
		width : 250,
		anchor : '100%',
	}, {
		fieldLabel : '单价是否含税',
		xtype : 'combo',
		name : 'IncludeRate',
		displayField : 'PriceOfTax',
		labelWidth : 80,
		width : 250,
		valueField : 'abbr',
		store : Ext.create('Ext.data.Store', {
			fields : [ 'abbr', 'name' ],
			data : [ {
				"abbr" : "含税",
				"name" : "含税"
			}, {
				"abbr" : "未税",
				"name" : "未税"
			}

			]
		}),
		value : '含税',
		typeAhead : true,
		mode : 'local',
		triggerAction : 'all',
		selectOnFocus : true,

	}, {
		style : 'margin-left:9px',
		xtype : 'textfield', //多行文本域
		name : 'huilv',
		fieldLabel : '汇率',
		labelWidth : 70,
		width : 250,
		anchor : '100%',
	}, tableds, formsg ]

});

function page(pagenum) {
	Ext.Ajax.request({
		//被用来向服务器发起请求默认的url  
		url : "/purchaseInquiry/pageInquiry?pagenum="+pagenum,
		//请求时发送后台的参数,既可以是Json对象，也可以直接使用“name = value”形式的字符串  
		params : [ {"pagenum":pagenum} ],
		//请求时使用的默认的http方法  
		method : "post",
		//请求成功时回调函数  
		success : function(result) {
			num=pagenum;
			var obj=Ext.decode(result.responseText);
// 			alert(result.responseText);
			//alert(result.responseText);
			forms.getForm().setValues(obj);
			formsg.getForm().setValues(obj);
// 			VAR DETAIL={
// 					LINEID:2,
// 					PIOPRICE:"123"
// 			}
// 			grids.getStore().add(detail);
// 			alert(JSON.stringify(obj.purchaseInquiryDetails));
		grids.getStore().removeAll();
	
			grids.getStore().add(obj.purchaseInquiryDetails);
			
			//Ext.ux.Toast.msg("信息提示", "成功删除所选记录！");
		},
		//请求失败时回调函数  
		failure : function() {
// 			Ext.ux.Toast.msg("信息提示", "信息删除出错，请联系管理员!");
		//	alert(11);
		}
	});
// 	alert(song);// 序列化表单
}
</script>
</head>
</html>
